<template>
	<page-meta :root-font-size="`${fontSize}px`"></page-meta>
	<view class="party-info-wrapper">
		<view>
			<partyMainTitle>党建概况</partyMainTitle>
			<view class="nav-wrapper">
				<navigator :url="item.to" v-for="item in partyInfo" :key="item.name">
					<image style="width: 82rpx;height: 82rpx;" :src="item.src" mode=""></image>
					<view class="nav-text">{{item.name}}</view>
				</navigator>
			</view>
		</view>
		<view>
			<partyMainTitle>小区解难</partyMainTitle>
			<view class="nav-wrapper">
				<navigator :url="item.to" v-for="item in communityProblems" :key="item.name">
					<image style="width: 82rpx;height: 82rpx;" :src="item.src" mode=""></image>
					<view class="nav-text">{{item.name}}</view>
				</navigator>
			</view>
		</view>
		<view>
			<partyMainTitle>解难实事</partyMainTitle>
			<jienanshishi></jienanshishi>
		</view>
	</view>
</template>

<script>
	import { mapState } from 'vuex'
	import partyMainTitle from "../components/part-main-title.vue";
	import jienanshishi from "./jienanshishi.vue";
	export default {
		components: {
			partyMainTitle,
			jienanshishi
		},
		computed: {
			...mapState(['fontSize'])
		},
		data() {
			return {
				partyInfo: [{
						name: "党组织",
						src: "../static/img/dangzuzhigaikuang.png",
						to: "/party/dangzuzhigaikuang/dangzuzhigaikuang"
					},
					{
						name: "小区三方",
						src: "../static/img/zhengtisanfanggaikuang.png",
						to: "/party/sanfanggaikuang/sanfanggaikuang"
					},
					{
						name: "党员",
						src: "../static/img/dangyuangaikuang.png",
						to: "/party/dangyuan/dangyuan"
					}
				],
				communityProblems: [{
						name: "党小组排行",
						src: "../static/img/dangxiaozupaiming.png",
						to: "/party/dangxiaozupaihang/dangxiaozupaihang"
					},
					{
						name: "党员排行",
						src: "../static/img/dangyuanpaiming.png",
						to: "/party/dangyuanpaihang/dangyuanpaihang"
					},
					{
						name: "解难之星",
						src: "../static/img/jienanzhixing.png",
						to: "/party/jienanzhixin/jienanzhixin"
					}
				]
			}
		},
		methods: {

		}
	}
</script>

<style lang="less" scoped>
	.party-info-wrapper {
		padding: 32rpx 26rpx;


		.nav-wrapper {
			display: flex;
			justify-content: space-around;
			text-align: center;
			padding: 32rpx 0 68rpx 0;

			.nav-text {
				font-size: 28rpx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #333333;
			}
		}
	}
</style>
